<!doctype html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>分页菜单</title>
	<style type="text/css">
		a{
			text-decoration: none;
		}
		.holle{
			margin: 50px 100px;
		}
		.holle a{
			border: 1px solid #CCCCCC;
			margin: 5px;
		}
		.holle span, .holle a{
			padding: 3px 5px;
			border-radius: 3px;
		}
		.holle span:hover, .holle a:hover{
			border: 1px solid #000000;
		}
		.current{
			border: 1px solid #CCCCCC;
			background-color: #EEEEEE;
		}
		.disabled{
			border: 1px solid #CCCCCC;
			background-color: #EEEEEE;
			color: #CCC;
			margin: 5px 8px;
		}
	</style>
</head>
<body>
	<div class="holle"></div>
	<script src="../lib/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../lib/jquery.page.js" type="text/javascript" charset="utf-8"></script>
	<script>
	    $(".holle").createPage({
	        pageCount:20,
	        current:1,
	        backFn:function(p){
	        }
	    });
	</script>
</body>
</html>